<style>
	ul li {
		width: 89%;
		padding: 2% 3%;
		margin: 0 auto;
		background: white;
		margin-top: 10px;
		font-size: 14px;
	}

	ul li .top,
	ul li .foot {
		line-height: 35px;
		border-bottom: 1px dotted #D1D1D1;
		color: #565656;
	}

	ul li .time {
		float: right;
	}

	ul li .middle {
		padding: 8px 0;
	}

	ul li .middle p:first-child {
		font-size: 12px;
		color: #828282;
		line-height: 20px;
		display: inline;
	}

	ul li .middle p:last-child {
		font-size: 14px;
		color: #FC6B49;
		font-weight: 600;
	}

	ul li .foot {
		border-top: 1px dotted #D1D1D1;
		border-bottom: 0;
		color: #828282;
	}

	.null {
		width: 100%;
		text-align: center;
		margin: 55px auto 0;
	}

	.null img {
		width: 55%;
	}

	.null p {
		width: 100%;
		text-align: center;
		line-height: 35px;
		color: #484848;
	}

	#no_more,
	.load_more {
		text-align: center;
		line-height: 35px;
		color: #787878;
		font-size: 14px;
	}
</style>

<div class="content" id="view" v-cloak>
	<ul>
		<li v-for="(i, index) in ffList">
			<div class="top"><span>{{ i.state }}</span><span class="time">{{ i.time }}</span></div>
			<div class="middle">
				<p>{{ i.content }}</p>
				<p>￥{{ i.price }}</p>
			</div>
			<div class="foot">
				支付方式：{{ i.type }}
			</div>
		</li>
	</ul>
</div>
<div id="no_more"></div>
<script type="text/javascript">
	var view = new Vue({
		el: '#view',
		data: {
			ffList: [],
		}
	});
	var param = {
		user_id: myuserid
	};
	_lists('user_pay.php', 0, 1, param);
	judgeLogin()
	_scrollToBottom(function () {
		if (heigutgao == 1) {
			pagenum++;
			_lists('user_pay.php', pagenum, '', param);
		}
	})
</script>